<template>
  <section class="content box">
    <!--<div class="overlay">-->
    <!--<i class="fa fa-refresh fa-spin"></i>-->
    <!--</div>-->
    <!-- row -->
    <div class="row">
      <div class="col-md-12">
        <!-- The time line -->
        <ul class="timeline">
          <!-- timeline item -->
          <li>
            <div class="timeline-item">
              <h3 class="timeline-header"><a href="#">一般信息</a></h3>
              <div class="timeline-body">
                <div class="form-horizontal">
                  <div class="form-group">
                    <div class="col-sm-8">
                      <label for="" class="control-label"><sup class="text-red">*</sup>店铺：</label>
                      <div class="">
                        <label class="payment" v-if="shopList.length == 0">
                          <i class="fa fa-warning"></i>
                          您当前还未添加店铺
                          <router-link class="text-red text-bold" to="/v1/author/getPlatFrom">【立即添加】</router-link>
                        </label>
                        <select v-else name="" class="form-control" @change="getAuthorShopList(generalInfo.shop)" v-model="generalInfo.shop" :disabled="readOnly">
                          <option value="">请选择店铺</option>
                          <option v-for="(shopListItem,index) in shopList" :value="shopListItem.id">
                            {{shopListItem.name}}
                          </option>
                        </select>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-8">
                      <label for="" class="control-label"><sup class="text-red">*</sup>站点：</label>
                      <div class="">
                        <select name="" class="form-control" v-model="generalInfo.site" @change="chooseSite" :disabled="readOnly">
                          <option value="">请选择站点</option>
                          <option v-for="(siteListItem,index) in siteList" :value="siteListItem.code">
                            {{siteListItem.name}}
                          </option>
                        </select>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-8">
                      <label for="" class="control-label">刊登类型：</label>
                      <div class="checkbox">
                        <label for="auction" class="no-padding">
                          <input id="auction" type="radio" class="flat-red" name="hazardous1" value="Chinese"
                                 v-model="generalInfo.sellWay" @click="chooseSellWay" :disabled="readOnly"> 拍卖
                        </label>
                        <label for="fixed">
                          <input id="fixed" type="radio" class="flat-red" name="hazardous1" value="FixedPriceItem"
                                 v-model="generalInfo.sellWay" @click="chooseSellWay" :disabled="readOnly"> 一口价
                        </label>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label">系统SKU：</label>
                      <div class="border-default box-body">
                        <a class="btn btn-primary" data-toggle="modal" v-if="!readOnly" data-target="#modal-default"
                           @click="chooseProduct">添加产品</a>
                        <div class="m-t-15" v-if="addProductList.length != 0">
                          <table class="table table-bordered table-hover">
                            <thead>
                            <tr>
                              <th style="width: 15%">商品图片</th>
                              <th>商品信息</th>
                              <!--<th>重量（g）</th>-->
                              <!--<th>尺寸</th>-->
                              <!--<th>销量（7/30）</th>-->
                              <!--<th>状态</th>-->
                              <th style="width: 10%">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr v-for="addProductListItem in addProductList">
                              <td>
                                <img v-if="addProductListItem.goodsPic" :src="addProductListItem.goodsPic" alt="">
                                <img v-else src="@/assets/noPic.png" alt="">
                              </td>
                              <td class="text-left">
                                <label class="m-l-15">
                                  <p>
                                    <label>货号：</label>
                                    <span>{{addProductListItem.sku}}</span>
                                  </p>
                                  <p>
                                    <label>品名：</label>
                                    <span>{{addProductListItem.goodsCn}}</span>
                                  </p>
                                  <p>
                                    <label>品牌：</label>
                                    <span>{{addProductListItem.brandName}}</span>
                                  </p>
                                </label>
                              </td>
                              <td>
                                <a href="javascript:;" v-if="readOnly" class="text-green m-lr-10">删除</a>
                                <a href="javascript:;" v-else class="text-green m-lr-10" @click="deleteProduct">删除</a>
                              </td>
                            </tr>
                            </tbody>
                          </table>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label">平台SKU：</label>
                      <div class="clearfix row">
                        <div class="col-sm-8">
                          <input class="form-control" placeholder="卖家所定义的产品在eBay平台的sku" :disabled="readOnly" v-model="quoteSKU"/>
                        </div>
                        <a href="javascript:;" v-if="readOnly" class="text-blue text-left control-label col-sm-4">引用系统SKU</a>
                        <a href="javascript:;" v-else class="text-blue text-left control-label col-sm-4"
                           @click="quoteSystemSKU">引用系统SKU</a>
                      </div>
                    </div>
                  </div>
                  <div class="form-group" v-for="(typeListItem,index) in typeList">
                    <div class="col-sm-12">
                      <label for="" class="control-label">{{typeListItem.name}}：</label>
                      <div class="clearfix row">
                        <div class="col-sm-8">
                          <input class="form-control pull-left" placeholder="" style="width: 82%" :disabled="readOnly" v-model="typeListItem.model" placeholder="不超过12个字符" />
                          <a v-if="readOnly" class="control-label pull-left">Does not apply</a>
                          <a v-else @click="doesNot(index)" class="control-label pull-left">Does not apply</a>
                        </div>
                        <span class="text-blue text-left control-label col-sm-4"> 多属性模板的ProductID(NEW)不需要填写！</span>
                      </div>
                    </div>
                  </div>
                  <!--<div class="form-group">-->
                    <!--<div class="col-sm-12">-->
                      <!--<label for="" class="control-label">ISBN：</label>-->
                      <!--<div class="clearfix row">-->
                        <!--<div class="col-sm-8">-->
                          <!--<input class="form-control" placeholder=""v-model="generalInfo.isbn" />-->
                        <!--</div>-->
                      <!--</div>-->
                    <!--</div>-->
                  <!--</div>-->
                  <!--<div class="form-group">-->
                    <!--<div class="col-sm-12">-->
                      <!--<label for="" class="control-label">EAN：</label>-->
                      <!--<div class="clearfix row">-->
                        <!--<div class="col-sm-8">-->
                          <!--<input class="form-control" placeholder="" v-model="generalInfo.ean" />-->
                        <!--</div>-->
                      <!--</div>-->
                    <!--</div>-->
                  <!--</div>-->
                </div>
              </div>
            </div>
          </li>
          <!-- END timeline item -->
          <!-- timeline item -->
          <li>
            <div class="timeline-item">

              <h3 class="timeline-header"><a href="javascript:;">分类属性</a></h3>

              <div class="timeline-body">
                <div class="form-horizontal">
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label"><sup class="text-red">*</sup>第一商品分类：</label>
                      <div class="clearfix row">
                        <div class="col-sm-4">
                          <input class="form-control" placeholder="" :disabled="readOnly" v-model="productAtt.firstCator"
                                 @blur="getPath(1)">
                        </div>
                        <div class="col-sm-4">
                          <select name="" class="form-control" :disabled="readOnly">
                            <option value="选择已用的分类">选择已用的分类</option>
                          </select>
                        </div>
                        <div class="col-sm-4" v-if="generalInfo.site && !readOnly">
                          <a data-toggle="modal" data-target="#modal-default2" class="control-label curren"
                             @click='searchProduct(1,0)'>
                            浏览 及搜索eBay产品分类
                          </a>
                        </div>
                        <div class="col-sm-4" v-else>
                          <a class="control-label curren">
                            浏览 及搜索eBay产品分类
                          </a>
                        </div>
                        <div class="col-sm-12 text-blue p-t-10">
                          {{productAtt.firstCatorInfo}}
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label">第二商品分类：</label>
                      <div class="clearfix row">
                        <div class="col-sm-4">
                          <input class="form-control" :disabled="readOnly" @blur="getPath(0)"
                                 v-model="productAtt.secondCatorL">
                        </div>
                        <div class="col-sm-4">
                          <select name="" class="form-control" :disabled="readOnly">
                            <option value="选择已用过的分类">选择已用过的分类</option>
                          </select>
                        </div>
                        <div class="col-sm-4" v-if="generalInfo.site && !readOnly">
                          <a data-toggle="modal" data-target="#modal-default2"  class="control-label curren"
                             @click='searchProduct(0,0)'>
                            浏览 及搜索eBay产品分类
                          </a>
                        </div>
                        <div class="col-sm-4" v-else>
                          <a  class="control-label curren">
                            浏览 及搜索eBay产品分类
                          </a>
                        </div>
                        <div class="col-sm-12 text-blue p-t-10">
                          {{productAtt.secondCatorLInfo}}
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label">
                        <!--<sup class="text-red">*</sup>-->
                        第一店铺分类：</label>
                      <div class="clearfix row">
                        <div class="col-sm-4">
                          <input class="form-control" :disabled="readOnly" v-model="productAtt.firstStor" @blur="getPath(1)">
                        </div>
                        <div class="col-sm-4">
                          <a class="control-label" data-toggle="modal" data-target="#modal-default2"
                             v-if="generalInfo.site && !readOnly" @click='searchProduct(1,1)'>
                            选择店铺分类
                          </a>
                          <a  class="control-label curren" v-else @click='searchProduct(1,1)'>
                            选择店铺分类
                          </a>
                          <a  class="control-label curren">
                            同步店铺分类
                          </a>
                        </div>
                        <div class="col-sm-12 text-blue p-t-10">
                          {{productAtt.firstStorInfo}}
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label">第二店铺分类：</label>
                      <div class="clearfix row">
                        <div class="col-sm-4">
                          <input class="form-control" :disabled="readOnly" v-model="productAtt.secondStor" @blur="getPath(0)">
                        </div>
                        <div class="col-sm-4">
                          <a class="control-label curren" data-toggle="modal" data-target="#modal-default2"
                             v-if="generalInfo.site && !readOnly" @click='searchProduct(0,1)'>
                            选择店铺分类
                          </a>
                          <a class="control-label curren" v-else @click='searchProduct(0,1)'>
                            选择店铺分类
                          </a>
                        </div>
                        <div class="col-sm-12 text-blue p-t-10">
                          {{productAtt.secondStorInfo}}
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group" v-if="productAtt.goodsState.length != 0">
                    <div class="col-sm-8">
                      <label for="" class="control-label"><sup class="text-red">*</sup>物品状况：</label>
                      <div class="">
                        <select name="" class="form-control" :disabled="readOnly" v-model="productAtt.goodsStateSelect">
                          <option value="">请选择物品状态</option>
                          <option :value="goodsSateItem.code" v-for="goodsSateItem in productAtt.goodsState">
                            {{goodsSateItem.name}}
                          </option>
                        </select>
                      </div>
                    </div>
                  </div>
                  <div>
                    <div class="form-group" v-if="productAtt.properties.length != 0">
                      <div class="col-sm-12">
                        <label for="" class="control-label">物品属性：</label>
                        <div class="attr bg-info">
                          <div class="form-group" v-for="propertiesItem in productAtt.properties">
                            <div class="col-sm-8">
                              <label for="" class="control-label"><sup
                                v-if="propertiesItem.minValues == 1 && propertiesItem.maxValues == 1"
                                class="text-red">*</sup>{{propertiesItem.name}}</label>
                              <div class="" v-if="propertiesItem.minValues == null && propertiesItem.maxValues == 1">
                                <el-autocomplete :disabled="readOnly"
                                  class="inline-input"
                                  v-model="propertiesItem.selectModal"
                                  :fetch-suggestions="querySearch(propertiesItem)"
                                  placeholder="请输入内容"
                                ></el-autocomplete>
                                <!--
                                <select name="" :disabled="readOnly" class="form-control" v-model="propertiesItem.selectModal">
                                  <option value="">请选择或输入</option>
                                  <option :value="goodsSateItem.value"
                                          v-for="goodsSateItem in propertiesItem.valueList">{{goodsSateItem.value}}
                                  </option>
                                </select>-->
                              </div>
                              <div class="" v-if="propertiesItem.minValues == 1 && propertiesItem.maxValues == 1">
                                <!--<select name="" class="form-control" :disabled="readOnly" v-model="propertiesItem.selectModal">
                                  <option value="">请选择或输入</option>
                                  <option :value="goodsSateItem.value"
                                          v-for="goodsSateItem in propertiesItem.valueList">{{goodsSateItem.value}}
                                  </option>
                                </select>-->
                                <el-autocomplete :disabled="readOnly"
                                  class="inline-input"
                                  v-model="propertiesItem.selectModal"
                                  :fetch-suggestions="querySearch(propertiesItem)"
                                  placeholder="请输入内容"
                                ></el-autocomplete>
                              </div>
                              <div class="" v-if="propertiesItem.valueList.length == 0">
                                <input type="text" class="form-control" :disabled="readOnly" v-model="propertiesItem.selectModal">
                              </div>
                              <div class="checkbox"
                                   v-if="propertiesItem.minValues == null && propertiesItem.maxValues > 1">
                                <label style="margin-right: 10px!important;"
                                       v-for="goodsSateItem in propertiesItem.valueList">
                                  <input type="checkbox" class="flat-red" :disabled="readOnly" name="hazardous" :value="goodsSateItem.value"
                                         v-model="propertiesItem.selectChecked"> {{goodsSateItem.value}}
                                </label>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div style="margin-top: 20px" class="form-group">
                    <div class="">
                      <label for="" class="control-label pull-left" style="width: 196px">物品属性：</label>
                      <div class="pull-left">
                        <div class="m-b-15" v-for="(itemPropertiesItem,index) in itemProperties">
                          <div class="input-group pull-left" style="width: 220px">
                            <span class="input-group-addon">属性名</span>
                            <input class="form-control text-left" :disabled="readOnly" placeholder="例如：color"
                                   v-model="itemPropertiesItem.name" @blur="judgePepetition(index)">
                          </div>
                          <div class="input-group pull-left" style="width: 220px">
                            <span class="input-group-addon">属性值</span>
                            <input class="form-control text-left" :disabled="readOnly" placeholder="例如：red"
                                   v-model="itemPropertiesItem.value">
                          </div>
                          <span class="btn btn-default btn-flat text-red" v-if="readOnly">删除</span>
                          <span class="btn btn-default btn-flat text-red" @click="deleteAttr(index)" v-else>删除</span>
                        </div>
                        <div class="row clearfix" style="float: none;padding-left: 15px;">
                          <button class="btn btn-default text-blue" v-if="readOnly"><i
                            class="fa fa-plus"></i> 添加自定义属性
                          </button>
                          <button class="btn btn-default text-blue" v-else @click="addItemProperties"><i
                            class="fa fa-plus"></i> 添加自定义属性
                          </button>
                        </div>
                      </div>

                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <!-- END timeline item -->
          <!-- timeline item -->
          <li>
            <div class="timeline-item">

              <h3 class="timeline-header"><a href="javascript:;">标题与价格</a></h3>

              <div class="timeline-body">
                <div class="form-horizontal">
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label"><sup class="text-red">*</sup>刊登标题：</label>
                      <div class="clearfix row">
                        <div class="col-sm-8">
                          <input type="text" class="form-control" :disabled="readOnly" v-model="titleAndPrice.publishTitle"
                                 @keyup="publishTitleFn($event,1)">
                        </div>
                        <label href="javascript:;" class="control-label col-sm-4 text-left">
                          还能输入{{publishTitle}}个字符
                        </label>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label">刊登副标题：</label>
                      <div class="clearfix row">
                        <div class="col-sm-8">
                          <input type="text" class="form-control" :disabled="readOnly" v-model="titleAndPrice.publishsubhead"
                                 @keyup="publishTitleFn($event,0)">
                        </div>
                        <label class="control-label col-sm-4 text-left">
                          还能输入{{publishsubhead}}个字符
                        </label>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label"><sup class="text-red">*</sup>金额单位：</label>
                      <div class="checkbox">
                        <label for="checkbox" class="no-padding" v-for="currencyItem in currency">
                          <input id="checkbox" type="radio" class="flat-red" :disabled="readOnly" name="hazardous" :value="currencyItem.code"
                                 v-model="titleAndPrice.units"> {{currencyItem.name}}
                        </label>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label"><sup class="text-red">*</sup>上架时间：</label>
                      <div class="clearfix row">
                        <div class="col-sm-8">
                          <select class="form-control" :disabled="readOnly" v-model="titleAndPrice.dateIssuedSelect">
                            <option :value="dateIssuedItem.duration" v-for="dateIssuedItem in titleAndPrice.dateIssued">
                              {{dateIssuedItem.durationCn}}
                            </option>
                          </select>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label"><sup class="text-red">*</sup>数量：</label>
                      <div class="clearfix">
                        <div class="col-sm-4 p-l-0">
                          <input type="text" class="form-control" :disabled="readOnly" v-model="titleAndPrice.quantity">
                        </div>

                        <label for="" class="control-label pull-left">库存预警：</label>
                        <div class="col-sm-4 p-l-0">
                          <input type="text" class="form-control" :disabled="readOnly"
                                 v-model="titleAndPrice.inventoryWarning">
                        </div>
                      </div>

                    </div>
                  </div>

                  <div class="form-group" v-if="generalInfo.sellWay == 'Chinese'">
                    <div class="col-sm-12">
                      <label for="" class="control-label"><sup class="text-red">*</sup>起始价：</label>
                      <div class="clearfix row">
                        <div class="col-sm-8">
                          <div class="input-group">
                            <input class="form-control" :disabled="readOnly" v-model="titleAndPrice.startPrice">
                            <span class="input-group-addon">{{titleAndPrice.units}}</span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group" v-if="generalInfo.sellWay == 'Chinese'">
                    <div class="col-sm-12">
                      <label for="" class="control-label">保底价：</label>
                      <div class="clearfix row">
                        <div class="col-sm-8">
                          <div class="input-group">
                            <input class="form-control" :disabled="readOnly" v-model="titleAndPrice.reservePrice">
                            <span class="input-group-addon">{{titleAndPrice.units}}</span>
                          </div>
                        </div>
                        <a target="_blank"
                           href="https://www.ebay.com/help/selling/fees-credits-invoices/selling-fees?id=4364"
                           class="control-label col-sm-4 text-left text-orange">
                          查看Ebay费用
                        </a>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label"><sup class="text-red" v-if="generalInfo.sellWay == 'FixedPriceItem'">*</sup>一口价：</label>
                      <div class="clearfix row">
                        <div class="col-sm-8">
                          <div class="input-group">
                            <input class="form-control" :disabled="readOnly" v-model="titleAndPrice.fixedPrice">
                            <span class="input-group-addon">{{titleAndPrice.units}}</span>
                          </div>
                        </div>
                        <label class="control-label col-sm-4 text-left">
                          (多属性Listing可不填）
                        </label>
                      </div>
                    </div>
                  </div>

                  <div class=""></div>

                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label">VAT税率：</label>
                      <div class="clearfix row">
                        <div class="col-sm-8">
                          <input type="text" class="form-control" :disabled="readOnly" v-model="titleAndPrice.vatTaxRate">
                        </div>
                      </div>
                    </div>
                  </div>

                </div>
              </div>
            </div>
          </li>
          <!-- END timeline item -->
          <!-- timeline item -->
          <li>
            <div class="timeline-item">

              <h3 class="timeline-header"><a href="javascript:;">描述信息</a></h3>
              <div class="timeline-body">
                <div class="form-horizontal">
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label">商品描述：</label>
                      <div class="clearfix row">
                        <div class="col-sm-8">
                          <textarea class="form-control" rows="10" :disabled="readOnly" placeholder="请输入内容"
                                    v-model="describeInfo.goodsDescribe"></textarea>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label">商品图片：</label>
                      <div class="col-sm-12">
                        <div class="row">
                          <ul class="clearfix thumbtype">
                            <li @click="itemClick($event)"
                                :class="[{'thumbnail-grid':multipleListItem.hasClass,'thumbnail-grid1':multipleListItem.noClass}]"
                                v-for="(multipleListItem,index) in multipleList">
                              <div class="media">
                                <img :src="multipleListItem.src" alt="">
                              </div>
                              <div class="clearfix toolbar">
                                <span v-if="index == 0" class="text-left text-red curren">商品主题</span>
                                <span v-else-if="readOnly" class="text-left text-green curren">设为主题</span>
                                <span v-else class="text-left text-green curren" @click="mainPic(index)">设为主题</span>
                                <span class="text-right text-green curren" v-if="readOnly">删除</span>
                                <span class="text-right text-green curren" v-else @click="deletePic(index)">删除</span>
                              </div>
                            </li>
                            <li @click="multipleClick" class="thumbnail-grid1"
                                v-for="multipDefaultItem in multipDefault">
                              点击上传图片
                            </li>
                          </ul>
                          <button class="btn btn-info" v-if="readOnly">上传图片到eBay</button>
                          <button class="btn btn-info" @click="uploadToeBay" v-else>上传图片到eBay</button>
                          <span class="p-l-20">按住ctrl可同时批量选择多张图片上传，最多可以上传12张图片，建议尺寸800*800px</span>
                          <input type="file" id="multiplePic" @change="chooseMultipe($event)" multiple
                                 accept="image/jpg,image/jpeg,image/png,image/gif">
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <!-- END timeline item -->
          <!-- timeline item -->
          <li>
            <div class="timeline-item">
              <h3 class="timeline-header"><a href="javascript:;">多属性信息</a></h3>
              <div class="timeline-body">
                <div class="form-horizontal">
                  <div class="form-group">
                    <div class="">
                      <div class="box-body">
                        <div class="col-sm-12">
                          <label for="" class="control-label pull-left" style="min-width: 155px">商品属性:</label>
                          <div class="col-sm-8">
                            <div class="box box-info" v-for="(mulSetUpItem,index) in mulSetUp">
                              <div class="box-header with-border">
                                <h3 class="box-title">
                                  <span>
                                    {{mulSetUpItem.attr}}
                                  <i class="fa fa-edit"  v-if="readOnly"></i>
                                    <i class="fa fa-edit" data-toggle="modal"
                                       data-target="#modal-default4"
                                       @click="getInfo(mulSetUpItem.attr,index,0)" v-else></i>
                                  </span>
                                </h3>
                                <div class="box-tools pull-right">
                                  <i v-if="readOnly" class="glyphicon glyphicon-remove curren"></i>
                                  <i @click="delMulSetUp(index)" v-else class="glyphicon glyphicon-remove curren"></i>
                                </div>
                              </div>
                              <div class="box-body">
                                <div style="padding-bottom: 10px">
                                <span v-for="(propertiesListItem,indexLn) in mulSetUpItem.attrArr" class="styleBg">
                                  <label>{{propertiesListItem.attr}}</label>
                                  <i class="fa fa-pencil curren" v-if="readOnly"></i>
                                  <i class="fa fa-pencil curren" data-toggle="modal" data-target="#modal-default4" v-else @click="getAttrInfo(propertiesListItem.attr,indexLn,index,1)"></i>
                                  <i class="fa fa-times curren" v-if="readOnly"></i>
                                  <i class="fa fa-times curren" v-else @click="delAttrInfo(propertiesListItem,indexLn,index,1)"></i>
                                </span>
                                </div>
                                <input type="text" class="form-control pull-left" :disabled="readOnly" style="width: 40%" v-model="mulSetUpItem.mulSetUpInput">
                                <a class="btn btn-info pull-left" v-if="readOnly">添加属性项</a>
                                <a class="btn btn-info pull-left" v-else @click="addProperties(index)">添加属性项</a>
                              </div>
                            </div>

                            <input type="text" class="form-control pull-left" style="width: 50%" :disabled="readOnly"
                                   placeholder="可添加例如：颜色、尺码等商品属性" v-model="mulSetUpInput">
                            <a class="btn btn-info pull-left" v-if="readOnly">添加自定义属性</a>
                            <a class="btn btn-info pull-left" v-else @click="addProducrAttru">添加自定义属性</a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label">批量设置：</label>
                      <div class="row">
                        <div class="col-sm-3">
                          <div class="input-group">
                            <span class="input-group-addon">数量</span>
                            <input class="form-control text-right" :disabled="readOnly" v-model="multiattributeSetting.num">
                            <span class="input-group-addon bg-green" v-if="readOnly">确定</span>
                            <span class="input-group-addon bg-green" v-else @click="ascertain(1)">确定</span>
                          </div>
                        </div>
                        <div class="col-sm-3">
                          <div class="input-group">
                            <span class="input-group-addon">价格</span>
                            <input class="form-control text-right" :disabled="readOnly" v-model="multiattributeSetting.price">
                            <span class="input-group-addon bg-green" v-if="readOnly">确定</span>
                            <span class="input-group-addon bg-green" v-else @click="ascertain(2)">确定</span>
                          </div>
                        </div>
                        <div class="col-sm-3">
                          <div class="input-group">
                            <span class="input-group-addon">{{multiattributeSetting.UPCselect}}</span>
                            <input class="form-control text-right" :disabled="readOnly" v-model="multiattributeSetting.UPC">
                            <span class="input-group-addon bg-green" v-if="readOnly">确定</span>
                            <span class="input-group-addon bg-green" v-else @click="ascertain(3)">确定</span>
                          </div>
                        </div>
                      </div>

                    </div>
                  </div>
                  <div class="form-group">
                    <div class="">
                      <div class="col-sm-12">
                        <table class="table table-bordered">
                          <thead>
                          <tr>
                            <th v-for="mulSetUpItem in mulSetUp">{{mulSetUpItem.attr}}</th>
                            <th style="width: 15%;">
                              <sup class="text-red">*</sup>
                              平台sku
                            </th>
                            <th>
                              <sup class="text-red">*</sup>
                              系统SKU
                            </th>
                            <th style="width: 15%;">
                              <sup class="text-red">*</sup>
                              数量
                            </th>
                            <th style="width: 15%;">
                              <sup class="text-red">*</sup>
                              价格({{titleAndPrice.units}})
                            </th>
                            <th style="width: 15%;">
                              <select name="" class="form-control" :disabled="readOnly" v-model="multiattributeSetting.UPCselect">
                                <option value="UPC">UPC</option>
                                <option value="EAN">EAN</option>
                                <option value="ISBN">ISBN</option>
                                <option value="ASIN">ASIN</option>
                                <option value="GTIN">GTIN</option>
                                <option value="GCID">GCID</option>
                                <option value="PZN">PZN</option>
                                <option value="其他">其他</option>
                              </select>
                            </th>

                            <th>
                              图片
                            </th>
                            <th>操作</th>
                          </tr>
                          </thead>
                          <tbody>
                          <tr v-for="(dimensionItem,indexLn) in dimension.results">
                            <td v-for="(mulSetUpItem,index) in mulSetUp">{{(dimensionItem.SKU).split('-')[(dimensionItem.SKU).split('-').length - mulSetUp.length + index]}}
                            </td>
                            <td>
                              <input type="text" class="form-control" :disabled="readOnly" v-model="dimensionItem.SKU">
                            </td>
                            <td>
                              <span> {{dimensionItem.ebaySku}}</span>
                              <a class="btn btn-primary" v-if="readOnly">添加产品</a>
                              <a class="btn btn-primary" data-toggle="modal" v-else data-target="#modal-default"
                                 @click="chooseProduct('attr',indexLn)">添加产品</a>
                            </td>
                            <td>
                              <input type="text" class="form-control" :disabled="readOnly" v-model="dimensionItem.num">
                            </td>
                            <td :class="">
                              <input type="text" class="form-control" :disabled="readOnly" v-model="dimensionItem.price">
                            </td>
                            <td :class="">
                              <input type="text" class="form-control" :disabled="readOnly" v-model="dimensionItem.UPC">
                            </td>
                            <td>
                              <input rel="feedbakcImg" type="file" @change="onFileChange(indexLn,$event)"
                                     class="table-file" accept="image/jpg,image/jpeg,image/png,image/gif">
                              <button class="btn btn-info" v-if="readOnly">上传图片</button>
                              <button class="btn btn-info" v-else @click="addPic($event,indexLn)">上传图片</button>
                              <label>
                                <img :src='dimension.results[indexLn].pic'/>
                                <a  v-if="dimension.results[indexLn].pic.length != 0 && !readOnly" style="position: absolute;" @click='delImage(indexLn)'>
                                  <span class="glyphicon glyphicon-remove"></span>
                                </a>
                              </label>
                            </td>
                            <td>
                              <a class="text-green" v-if="!readOnly" @click="deleteMultiattribute(indexLn)">删除</a>
                              <a class="text-green" v-else>删除</a>
                            </td>
                          </tr>
                          </tbody>
                        </table>
                      </div>
                    </div>
                  </div>
                  <div class="form-group" v-if="mulSetUp.length != 0">
                    <div class="col-sm-8">
                      <label for="" class="control-label">图片关联：</label>
                      <div class="checkbox">
                        <label class="m-r-20" v-for="(mulSetUpItem,index) in mulSetUp">
                          <input type="radio" class="flat-red" name="checkedPic" :disabled="readOnly" :value="mulSetUpItem.attr"
                                 v-model="checkModel" style="font-size: 0"> {{mulSetUpItem.attr}}
                        </label>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <!-- END timeline item -->
          <!-- timeline item -->
          <li>
            <div class="timeline-item">
              <h3 class="timeline-header"><a href="javascript:;">物品所在地</a></h3>
              <div class="timeline-body">
                <div class="form-horizontal">
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label"><sup class="text-red">*</sup>仓库地址：</label>
                      <div class="row clearfix">
                        <div class="col-sm-8">
                          <div class="">
                            <select name="" class="form-control" :disabled="readOnly" v-model="locationGood.wareHouseSelect"
                                    @change="chooseWareHours(locationGood.wareHouseSelect)">
                              <option value="">请选择仓库地址</option>
                              <option :value="wareHouseItem.id" v-for="wareHouseItem in locationGood.wareHouse">
                                {{wareHouseItem.name}}
                              </option>
                            </select>
                          </div>
                        </div>
                        <div class="col-sm-4">
                          <label for="" class="control-label text-orange">为了精确定位产品发货仓库，这边直接选择仓库</label>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label"><sup class="text-red">*</sup>国家：</label>
                      <div class="row clearfix">
                        <div class="col-sm-8">
                          <div class="">
                            <select name="" class="form-control" :disabled="readOnly" v-model="locationGood.countrySelect">
                              <option value="">请选择国家</option>
                              <option :value="countryItem.code" v-for="countryItem in locationGood.country">
                                {{countryItem.name}}
                              </option>
                            </select>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label">邮编：</label>
                      <div class="row clearfix">
                        <div class="col-sm-8">
                          <div class="">
                            <input type="text" class="form-control" :disabled="readOnly" v-model="locationGood.postcode">
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <!-- END timeline item -->
          <!-- timeline item -->
          <li>
            <div class="timeline-item">
              <h3 class="timeline-header"><a href="javascript:;">物流设置</a></h3>
              <div class="timeline-body">
                <div class="form-horizontal">
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label">国内运输类型：</label>
                      <div class="row clearfix">
                        <div class="col-sm-8">
                          <div class="">
                            <select name="" class="form-control" :disabled="readOnly" v-model="logisticsSet.dttSelect"
                                    @change="chooseTranType">
                              <option value="Flat">标准</option>
                              <option value="Calculated">计算</option>
                            </select>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label">运输类型：</label>
                      <div class="row clearfix">
                        <div class="col-sm-8">
                          <div class="">
                            <select name="" class="form-control" :disabled="readOnly" v-model="logisticsSet.transportTypeSelect"
                                    @change="chooseTranType">
                              <option value="Flat">标准</option>
                              <option value="Calculated">计算</option>
                            </select>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <template v-if="logisticsSet.dttSelect == 'Calculated' || logisticsSet.transportTypeSelect == 'Calculated' ">
                    <div class="row">
                      <div class="col-sm-12">
                        <div class="box box-info">
                          <div class="box-header bg-info with-border">
                            <h3 class="box-title">计算</h3>
                          </div>
                          <div class="box-body bg-info">
                            <div class="form-group" style="width: 500px">
                              <div class="col-sm-12">
                                <label for="" class="control-label">邮编</label>
                                <div class="">
                                  <input type="text" :disabled="readOnly" class="form-control" v-model="logisticsSet.postcode">
                                </div>
                              </div>
                            </div>
                            <div class="form-group" style="width: 500px" v-if="logisticsSet.dttSelect == 'Calculated'">
                              <div class="col-sm-12">
                                <label for="" class="control-label">国内手续费</label>
                                <div class="input-group">
                                  <input type="text" class="form-control" :disabled="readOnly" v-model="logisticsSet.domesticServiceCharge">
                                  <span class="input-group-addon">{{titleAndPrice.units}}</span>
                                </div>
                              </div>
                            </div>
                            <div class="form-group" style="width: 500px" v-if="logisticsSet.transportTypeSelect == 'Calculated'">
                              <div class="col-sm-12">
                                <label for="" class="control-label">国际手续费</label>
                                <div class="input-group">
                                  <input type="text" class="form-control" :disabled="readOnly" v-model="logisticsSet.interCommission">
                                  <span class="input-group-addon">{{titleAndPrice.units}}</span>
                                </div>
                              </div>
                            </div>
                            <div class="form-group" style="width: 500px">
                              <div class="col-sm-12">
                                <label for="" class="control-label">测量单位</label>
                                <div class="input-group">
                                  <select name="" class="form-control" :disabled="readOnly" v-model="logisticsSet.measurementUnit">
                                    <option value="English">English</option>
                                  </select>
                                </div>
                              </div>
                            </div>
                            <div class="form-group" style="width: 500px">
                              <div class="col-sm-12">
                                <label for="" class="control-label">估量单位</label>
                                <div class="input-group">
                                  <input type="text" class="form-control" :disabled="readOnly" v-model="logisticsSet.measurelbs">
                                  <span class="input-group-addon">lbs</span>
                                  <input type="text" class="form-control" :disabled="readOnly" v-model="logisticsSet.measureoz">
                                  <span class="input-group-addon">oz</span>
                                </div>
                              </div>
                            </div>
                            <div class="form-group" style="width: 700px">
                              <div class="col-sm-12">
                                <label for="" class="control-label">包裹大小</label>
                                <div class="input-group">
                                  <select name="" class="form-control" :disabled="readOnly" v-model="logisticsSet.size" style="width: 340px">
                                    <option value="">请选择包裹大小</option>
                                    <option :value="sizeListItem.code" v-for="sizeListItem in logisticsSet.sizeList">
                                      {{sizeListItem.name}}
                                    </option>
                                  </select>
                                  <label class="pull-left" style="line-height: 34px; padding-left: 30px;">
                                    <input type="checkbox" class="flat-red" :disabled="readOnly" name="hasAllow" value="1"
                                           v-model="logisticsSet.irregularShape"> 不规则形状
                                  </label>
                                </div>
                              </div>
                            </div>
                            <div class="form-group" style="width: 700px">
                              <div class="col-sm-12">
                                <label for="" class="control-label">尺寸规格</label>
                                <div class="input-group">
                                  <span class="input-group-addon">深度(inch)</span>
                                  <input type="text" class="form-control" :disabled="readOnly" v-model="logisticsSet.dimensionsLong">
                                  <span class="input-group-addon">长度(inch)</span>
                                  <input type="text" class="form-control" :disabled="readOnly" v-model="logisticsSet.dimensionsWide">
                                  <span class="input-group-addon">宽度(inch)</span>
                                  <input type="text" class="form-control" :disabled="readOnly" v-model="logisticsSet.dimensionsHigh">
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </template>
                  <div class="">
                    <div class="clearfix">
                      <div class="">
                        <div class="box box-info">
                          <div class="box-header with-border">
                            <h3 class="box-title">国内运输</h3>
                          </div>
                          <!-- /.box-header -->
                          <div class="box-body">
                            <div class="form-group">
                              <div class="col-sm-12">
                                <label for="" class="control-label">处理时间（工作日）：</label>
                                <div class="row clearfix">
                                  <div class="col-sm-8">
                                    <div class="">
                                      <select class="form-control" :disabled="readOnly" name="dispatchTimeMax"
                                              v-model="processingTime">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="30">30</option>
                                        <option value="40">40</option>
                                      </select>
                                    </div>
                                  </div>
                                  <div class="col-sm-4">
                                    <label for="" class="control-label text-orange">处理时间 0 代表同一工作日</label>
                                  </div>
                                </div>
                              </div>
                            </div>

                            <div class="form-group">
                              <div class="col-sm-12">
                                <label for="" class="control-label"><sup class="text-red">*</sup>运输方式：</label>
                                <div class="row clearfix">
                                  <div class="col-sm-12">
                                    <template>
                                      <div class="row">
                                        <div class="col-sm-12" :key="indexLn" v-for="(intTransListItem,indexLn) in intTransList">
                                          <div class="box box-info">
                                            <div class="box-header bg-info with-border">
                                              <h3 class="box-title">第{{indexLn | carriage}}运输</h3>
                                              <i class="pull-right fa fa-remove curren" v-if="readOnly"></i>
                                              <i class="pull-right fa fa-remove curren"
                                                 @click="deleteTran(indexLn,0)" v-else></i>
                                            </div>
                                            <div class="box-body bg-info">
                                              <div class="form-group">
                                                <div class="col-sm-12">
                                                  <label for="" class="control-label">运输方式</label>
                                                  <div class="">
                                                    <select name="" class="form-control" :disabled="readOnly"
                                                            v-model="intTransListItem.transTypeInSelect" @change="changeTypeTran(intTransListItem.transTypeInSelect,0,intTransListItem)">
                                                      <option value="">请选择</option>
                                                      <optgroup :label="intTransItem.shippingCategory"
                                                                v-for="(intTransItem, index) in intTransListItem.transTypeIn">
                                                        {{intTransItem.shippingCategory}}
                                                        <option :value="intTransItemItem.shippingService"
                                                                v-for="intTransItemItem in intTransItem.arrTran">
                                                          {{intTransItemItem.description}}
                                                          ({{intTransItemItem.shippingTimeMin}} to
                                                          {{intTransItemItem.shippingTimeMax}} business days)
                                                        </option>
                                                      </optgroup>
                                                    </select>
                                                  </div>
                                                </div>
                                              </div>
                                              <div class="form-group">
                                                <div class="col-sm-12">
                                                  <label for="" class="control-label">运费</label>
                                                  <div class="input-group">
                                                    <input type="text" class="form-control" :disabled="readOnly || intTransListItem.freeShipping"
                                                           @blur="clearNoNum(intTransListItem.freight)"
                                                           v-model="intTransListItem.freight" @keyup="intTransListItem.freight = intTransListItem.freight > 100 ? 100 : intTransListItem.freight">
                                                    <span class="input-group-addon">{{titleAndPrice.units}}</span>
                                                    <div class="pull-left p-l-20" style="line-height: 34px;">
                                                      <label class="text-green">
                                                        <input @change="freeShippingFn(intTransListItem)" type="checkbox" class="p-lr-10" :disabled="readOnly"
                                                               style="margin-right: 10px;"
                                                               v-model="intTransListItem.freeShipping">免费
                                                      </label>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                              <div class="form-group">
                                                <div class="col-sm-12">
                                                  <label for="" class="control-label">额外没件加收</label>
                                                  <div class="input-group">
                                                    <input type="text" class="form-control" :disabled="readOnly"
                                                           @blur="clearNoNum(intTransListItem.extra)"
                                                           v-model="intTransListItem.extra" @keyup="intTransListItem.extra = intTransListItem.extra > 100 ? 100 : intTransListItem.extra">
                                                    <span class="input-group-addon">{{titleAndPrice.units}}</span>
                                                  </div>
                                                </div>
                                              </div>
                                              <div class="form-group">
                                                <div class="col-sm-12">
                                                  <label for="" class="control-label">AK,HI,PR 额外收费</label>
                                                  <div class="input-group">
                                                    <input type="text" class="form-control" :disabled="readOnly || intTransListItem.extraCharge == null ? true : false"
                                                           @blur="clearNoNum(intTransListItem.extraCharge)"
                                                           v-model="intTransListItem.extraCharge" @keyup="intTransListItem.extraCharge = intTransListItem.extraCharge > 100 ? 100 : intTransListItem.extraCharge">
                                                    <span class="input-group-addon">{{titleAndPrice.units}}</span>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </template>
                                    <div class="col-sm-12">
                                      <label for="" class="control-label curren text-green" v-if="readOnly">
                                        添加运输方式
                                      </label>
                                      <label for="" class="control-label curren text-green" v-else @click="addTransTypeFn(0)">
                                        添加运输方式
                                      </label>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <!-- /.box-body -->
                        </div>
                      </div>
                    </div>
                  </div>
                  <div>
                    <div class="clearfix">
                      <div class="">
                        <div class="box box-info">
                          <div class="box-header with-border">
                            <h3 class="box-title">国际运输</h3>

                          </div>
                          <!-- /.box-header -->
                          <div class="box-body">
                            <div class="form-group">
                              <div class="col-sm-12">
                                <label for="" class="control-label">运输方式：</label>
                                <div class="row clearfix">
                                  <div class="col-sm-12">
                                    <template>
                                      <div class="row">
                                        <div class="col-sm-12" :key="indexLn" v-for="(inlandTransListItem,indexLn) in inlandTransList">
                                          <div class="box box-info">
                                            <div class="box-header bg-info with-border">
                                              <h3 class="box-title">第{{indexLn | carriage}}运输</h3>
                                              <i class="pull-right fa fa-remove curren" v-if="readOnly"></i>
                                              <i class="pull-right fa fa-remove curren"
                                                 @click="deleteTran(indexLn,1)" v-else></i>
                                            </div>
                                            <div class="box-body bg-info">
                                              <div class="form-group">
                                                <div class="col-sm-12">
                                                  <label for="" class="control-label">运输方式</label>
                                                  <div class="">
                                                    <select name="" class="form-control" :disabled="readOnly"
                                                            v-model="inlandTransListItem.transTypeInSelect" @change="changeTypeTran(inlandTransListItem.transTypeInSelect,1)">
                                                      <option value="">请选择</option>
                                                      <optgroup :label="inlandTransItem.shippingCategory"
                                                                v-for="(inlandTransItem, index) in inlandTransListItem.transTypeIn">
                                                        {{inlandTransItem.shippingCategory}}
                                                        <option :value="inlandTransItemItem.shippingService"
                                                                v-for="inlandTransItemItem in inlandTransItem.arrTran">
                                                          {{inlandTransItemItem.description}}
                                                          ({{inlandTransItemItem.shippingTimeMin}} to
                                                          {{inlandTransItemItem.shippingTimeMax}} business days)
                                                        </option>
                                                      </optgroup>
                                                    </select>
                                                  </div>
                                                </div>
                                              </div>
                                              <div class="form-group">
                                                <div class="col-sm-12">
                                                  <label for="" class="control-label">运费</label>
                                                  <div class="input-group">
                                                    <input type="text" class="form-control"
                                                           @blur="clearNoNum(inlandTransListItem.freight)" :disabled="readOnly || inlandTransListItem.freeShipping"
                                                           v-model="inlandTransListItem.freight" @keyup="inlandTransListItem.freight = inlandTransListItem.freight > 100 ? 100 : inlandTransListItem.freight">
                                                    <span class="input-group-addon">{{titleAndPrice.units}}</span>
                                                    <div class="pull-left p-l-20" style="line-height: 34px;">
                                                      <label class="text-green">
                                                        <input @change="freeShippingFn(inlandTransListItem)" type="checkbox" class="p-lr-10" :disabled="readOnly"
                                                               style="margin-right: 10px;"
                                                               v-model="inlandTransListItem.freeShipping">免费
                                                      </label>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                              <div class="form-group">
                                                <div class="col-sm-12">
                                                  <label for="" class="control-label">额外没件加收</label>
                                                  <div class="input-group">
                                                    <input type="text" class="form-control" :disabled="readOnly"
                                                           @blur="clearNoNum(inlandTransListItem.extra)"
                                                           v-model="inlandTransListItem.extra" @keyup="inlandTransListItem.extra = inlandTransListItem.extra > 100 ? 100 : inlandTransListItem.extra">
                                                    <span class="input-group-addon">{{titleAndPrice.units}}</span>
                                                  </div>
                                                </div>
                                              </div>
                                              <div class="form-group">
                                                <div class="col-sm-12">
                                                  <label for="" class="control-label">运到</label>
                                                  <div class="checkbox">
                                                    <label>
                                                      <input type="radio" class="flat-red" :name="indexLn" value="1" v-model="inlandTransListItem.global"
                                                             @click="checkAllglobal(indexLn)" :disabled="readOnly"> 全球
                                                    </label>
                                                    <label>
                                                      <input type="radio" class="flat-red" :disabled="readOnly" v-model="inlandTransListItem.global" value="2" :name="indexLn"
                                                             @click="checkAllPart(indexLn)"> 部分国家或地区
                                                    </label>
                                                    <label>
                                                      <input type="checkbox" class="flat-red" :disabled="readOnly" name="checkAll"
                                                             v-model="inlandTransListItem.checkAllSL"
                                                             @click="checkAllShipLocal(indexLn)"> 全选
                                                    </label>
                                                  </div>
                                                  <div class="col-sm-12 checkbox line-height">
                                                    <label class="shipLocal"
                                                           v-for="shippingLocationItem in inlandTransListItem.shippingLocation">
                                                      <input type="checkbox" class="flat-red" :disabled="readOnly" name="checkboxinput"
                                                             :value="shippingLocationItem"
                                                             v-model="inlandTransListItem.checkItems">
                                                      {{shippingLocationItem.value}}
                                                    </label>
                                                  </div>
                                                </div>

                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </template>
                                    <div class="col-sm-12">
                                      <label for="" class="control-label curren text-green" v-if="readOnly">
                                        添加运输方式
                                      </label>
                                      <label for="" class="control-label curren text-green" v-else @click="addTransTypeFn(1)">
                                        添加运输方式
                                      </label>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <!-- /.box-body -->
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-8">
                      <label for="" class="control-label">不运送地区：</label>
                      <div class="row clearfix">
                        <div class="col-sm-8">
                          <select name="" class="form-control" :disabled="readOnly" v-model="nonTransportArea.nonTranSelect"
                                  @change="chooseNoTransArea">
                            <option value="1">运输至所有国家</option>
                            <option value="2">选择不运送地区</option>
                          </select>
                        </div>
                      </div>

                    </div>
                  </div>
                  <div class="form-group" v-if="nonTransportArea.noTransBoolean" style="padding-left: 180px;">
                    <div class="col-sm-12">
                      <div class="col-sm-12 noTrans">
                        <p class="">
                          {{nonTransportArea.noTransChoose.length != 0 ? nonTransportArea.noTransChoose.join(',') : '无'}}
                        </p>
                      </div>
                    </div>
                  </div>
                  <div class="form-group" style="padding-left: 180px;">
                    <div class="">
                      <label style="" class="control-label text-green"
                             v-if="nonTransportArea.noTransBoolean && !readOnly" data-toggle="modal" data-target="#modal-default3"
                             @click="createNoTrans">创建不运送地区列表</label>
                      <label style="" class="control-label text-green" v-else>创建不运送地区列表</label>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <!-- END timeline item -->
          <!-- timeline item -->
          <li>
            <div class="timeline-item">
              <h3 class="timeline-header"><a href="javascript:;">付款</a></h3>
              <div class="timeline-body">
                <div class="form-horizontal">
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label">收款方式：</label>
                      <div class="row clearfix">
                        <div class="col-sm-12">
                          <div class="checkbox line-height">
                            <div class="col-sm-4" v-for="paymentMethodItem in payment.paymentMethod">
                              <label>
                                <input type="checkbox" class="flat-red" :disabled="readOnly" name="bufen" :value="paymentMethodItem"
                                       v-model="payment.paypalcheckItems"> {{paymentMethodItem}}
                              </label>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label">付款说明：</label>
                      <div class="row clearfix">
                        <div class="col-sm-8">
                          <div class="">
                            <textarea name="" rows="8" class="form-control" :disabled="readOnly" v-model="payment.paymentExplain"></textarea>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12">
                      <label for="" class="control-label"><sup class="text-red">*</sup>PayPal收款账号：</label>
                      <div class="row clearfix">
                        <div class="col-sm-8">
                          <div class="">
                            <label class="payment" v-if="!generalInfo.shop">
                              <i class="fa fa-warning"></i>
                              您当前还未选择店铺
                            </label>
                            <div v-else>
                              <label class="payment" v-if="payment.paypalList.length == 0">
                                <i class="fa fa-warning"></i>
                                您当前还未添加paypal账号
                                <router-link class="text-red text-bold" to="/v1/author/getPlatFrom"
                                             @click="changeGetPaypalList" target="_blank">【立即添加】</router-link>
                              </label>
                              <select name="" class="form-control" :disabled="readOnly" v-else
                                      v-model="payment.paypalSelect">
                                <option value="">请选择帐号</option>
                                <option :value="paypalListItem" v-for="paypalListItem in payment.paypalList">
                                  {{paypalListItem}}
                                </option>
                              </select>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <!-- END timeline item -->
          <!-- timeline item -->
          <li>
            <div class="timeline-item">
              <h3 class="timeline-header"><a href="javascript:;">买家限制</a></h3>
              <div class="timeline-body">
                <div class="form-horizontal">
                  <div class="form-group">
                    <div class="col-sm-12">
                      <div class="checkbox line-height clearfix">
                        <div class="no-padding">
                          <div class="m-b-15">
                            <label @click="checkAlow">
                              <input type="radio" class="flat-red" :disabled="readOnly" name="hasAllow" value="1"
                                     v-model="tradeRestrictions.hasAllow"> 允许所有买家购买我的物品
                            </label>
                          </div>
                        </div>
                        <div class="no-padding">
                          <div class="">
                            <label @click="checkAlow">
                              <input type="radio" class="flat-red" name="hasAllow" :disabled="readOnly" value="0"
                                     v-model="tradeRestrictions.hasAllow"> 不允许以下买家购买我的物品
                            </label>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group" v-if="tradeRestrictions.hasAllow == 0">
                    <div class="col-sm-12">
                      <div class="checkbox line-height" style="padding-left: 20px;">
                        <!--<div class="no-padding">-->
                          <!--<div class="m-b-15">-->
                            <!--<label @click="choosePaypalMomt">-->
                              <!--<input type="checkbox" class="flat-red" name="bufen"-->
                                     <!--v-model="tradeRestrictions.hasPayPal"> 没有PayPal账户-->
                            <!--</label>-->
                          <!--</div>-->
                        <!--</div>-->
                        <div class="no-padding">
                          <div class="m-b-15">
                            <label @click="chooseShipCountry">
                              <input type="checkbox" class="flat-red" :disabled="readOnly" name="bufen"
                                     v-model="tradeRestrictions.shipToRegistrationCountry"> 主要运送地址在我的运送范围之外
                            </label>
                          </div>
                        </div>
                        <!--<div class="no-padding">-->
                          <!--<div class="m-b-15 clearfix">-->
                            <!--<label class="pull-left">-->
                              <!--<input type="checkbox" class="flat-red" name="bufen"> 在过去-->
                            <!--</label>-->
                            <!--<div class="pull-left p-lr-10">-->
                              <!--<select name="" class="form-control" style="width: 100px"-->
                                      <!--v-model="tradeRestrictions.violateTimeSelect">-->
                                <!--<option :value="violateTimeItem.code"-->
                                        <!--v-for="violateTimeItem in tradeRestrictions.violateTime">-->
                                  <!--{{violateTimeItem.name}}-->
                                <!--</option>-->
                              <!--</select>-->
                            <!--</div>-->
                            <!--<span class="pull-left">-->
                              <!--之内，收到-->
                            <!--</span>-->
                            <!--<div class="pull-left p-lr-10">-->
                              <!--<select name="" class="form-control" style="width: 100px"-->
                                      <!--v-model="tradeRestrictions.nonPaymentNumSelect">-->
                                <!--<option :value="nonPaymentNumItem.code"-->
                                        <!--v-for="nonPaymentNumItem in tradeRestrictions.nonPaymentNum">-->
                                  <!--{{nonPaymentNumItem.name}}-->
                                <!--</option>-->
                              <!--</select>-->
                            <!--</div>-->
                            <!--<span class="pull-left">-->
                              <!--个弃标个案-->
                            <!--</span>-->
                          <!--</div>-->
                        <!--</div>-->
                        <!--<div class="no-padding">-->
                          <!--<div class="m-b-15 clearfix">-->
                            <!--<label class="pull-left">-->
                              <!--<input type="checkbox" class="flat-red" name="bufen"> 在过去-->
                            <!--</label>-->
                            <!--<div class="pull-left p-lr-10">-->
                              <!--<select name="" class="form-control" style="width: 100px"-->
                                      <!--v-model="tradeRestrictions.underBuyerSelect">-->
                                <!--<option :value="underBuyerItem.code"-->
                                        <!--v-for="underBuyerItem in tradeRestrictions.underBuyer">{{underBuyerItem.name}}-->
                                <!--</option>-->
                              <!--</select>-->
                            <!--</div>-->
                            <!--<span class="pull-left">-->
                              <!--之内，收到-->
                            <!--</span>-->
                            <!--<div class="pull-left p-lr-10">-->
                              <!--<select name="" class="form-control" style="width: 100px"-->
                                      <!--v-model="tradeRestrictions.violateNumSelect">-->
                                <!--<option :value="violateNumItem.code"-->
                                        <!--v-for="violateNumItem in tradeRestrictions.violateNum">{{violateNumItem.name}}-->
                                <!--</option>-->
                              <!--</select>-->
                            <!--</div>-->
                            <!--<span class="pull-left">-->
                              <!--个违反政策检举-->
                            <!--</span>-->
                          <!--</div>-->
                        <!--</div>-->
                        <div class="no-padding">
                          <div class="m-b-15 clearfix">
                            <label class="pull-left">
                              <input type="checkbox" class="flat-red" name="bufen"> 信用指标等于或低于
                            </label>
                            <div class="pull-left p-lr-10">
                              <select name="" class="form-control" :disabled="readOnly" style="width: 100px"
                                      v-model="tradeRestrictions.underPeputationSelect">
                                <option value="-1">-1
                                </option>
                              </select>
                            </div>
                          </div>
                        </div>
                        <div class="no-padding">
                          <div class="m-b-15 clearfix">
                            <label class="pull-left">
                              <input type="checkbox" class="flat-red" name="bufen"> 在过去10天内曾出价或购买我的物品，已达到我所设定的限制
                            </label>
                            <div class="pull-left p-lr-10">
                              <select name="" class="form-control" :disabled="readOnly" style="width: 100px"
                                      v-model="tradeRestrictions.astrictNumSelect">
                                <option :value="astrictNumItem.code"
                                        v-for="astrictNumItem in tradeRestrictions.astrictNum">{{astrictNumItem.name}}
                                </option>
                              </select>
                            </div>
                          </div>
                        </div>
                        <div class="p-l-20">
                          <div class="m-b-15 clearfix">
                            <label class="pull-left">
                              <input type="checkbox" class="flat-red" :disabled="readOnly" name="bufen"> 这项限制只适用于买家信用指数等于或低于
                            </label>
                            <div class="pull-left p-lr-10">
                              <select name="" class="form-control" :disabled="readOnly" style="width: 100px"
                                      v-model="tradeRestrictions.underCreditSelect">
                                <option :value="underCreditItem.code"
                                        v-for="underCreditItem in tradeRestrictions.underCredit">
                                  {{underCreditItem.name}}
                                </option>
                              </select>
                            </div>
                          </div>
                        </div>

                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <!-- END timeline item -->

          <!-- timeline item -->
          <li>
            <div class="timeline-item">
              <h3 class="timeline-header"><a href="javascript:;">退货政策</a></h3>
              <div class="timeline-body">
                <div class="form-horizontal">
                  <div class="form-group">
                    <div class="col-sm-8">
                      <label for="" class="control-label">退货政策</label>
                      <div>
                        <select name="" class="form-control" :disabled="readOnly" v-model="salesReturn.policySelect" @change="choosePolicy">
                          <option :value="policyItem.code" v-for="policyItem in salesReturn.policy">
                            {{policyItem.name}}
                          </option>
                        </select>
                      </div>
                    </div>
                  </div>
                  <div class="form-group" v-show="salesReturn.show">
                    <div class="col-sm-8">
                      <label for="" class="control-label">退货天数</label>
                      <div>
                        <select name="" class="form-control" :disabled="readOnly" v-model="salesReturn.daysSelsct">
                          <option :value="daysItem.code" v-for="daysItem in salesReturn.days">{{daysItem.name}}</option>
                        </select>
                      </div>
                    </div>
                  </div>
                  <div class="form-group" v-show="salesReturn.show">
                    <div class="col-sm-8">
                      <label for="" class="control-label" v-model="salesReturn.waySelect">退款方式</label>
                      <div>
                        <select name="" class="form-control" :disabled="readOnly">
                          <option :value="wayItem.code" v-for="wayItem in salesReturn.way">{{wayItem.name}}</option>
                        </select>
                      </div>
                    </div>
                  </div>
                  <div class="form-group" v-show="salesReturn.show">
                    <div class="col-sm-8">
                      <label for="" class="control-label">退货运费由谁承担</label>
                      <div>
                        <select name="" class="form-control" :disabled="readOnly" v-model="salesReturn.principalSelect">
                          <option :value="principalItem.code" v-for="principalItem in salesReturn.principal">
                            {{principalItem.name}}
                          </option>
                        </select>
                      </div>
                    </div>
                  </div>
                  <div class="form-group" v-show="salesReturn.show">
                    <div class="col-sm-8">
                      <label for="" class="control-label">折旧费</label>
                      <div>
                        <select name="" class="form-control" :disabled="readOnly" v-model="salesReturn.rateDepSelect">
                          <option :value="rateDepreciationItem.code"
                                  v-for="rateDepreciationItem in salesReturn.rateDepreciation">
                            {{rateDepreciationItem.name}}
                          </option>
                        </select>
                      </div>
                    </div>
                  </div>
                  <div class="form-group" v-show="salesReturn.show">
                    <div class="col-sm-8">
                      <label for="" class="control-label">退货政策详情</label>
                      <div>
                        <textarea name="" rows="8" :disabled="readOnly" placeholder="请输入内容" class="form-control"
                                  v-model="salesReturn.details"></textarea>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="timeline-footer text-center">
                <a class="btn btn-primary btn-sm m-lr-10" v-if="$_has('sys:ebayGoods:save') && !readOnly" @click="submitPublish('save')">保存</a>
                <a class="btn btn-primary btn-sm m-lr-10" v-if="$_has('sys:ebayGoods:saveAndAddItem') && !readOnly" @click="submitPublish('publish')">保存并发布</a>
                <router-link to="/v1/ebay/goods/getList" class="btn btn-default btn-sm m-lr-10">返 回</router-link>
              </div>
            </div>
          </li>
          <!-- END timeline item -->
        </ul>
      </div>
      <!-- /.col -->
    </div>

    <div class="modal fade" id="modal-default">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">选择商品</h4>
          </div>
          <div class="modal-body">
            <div class="form-horizontal">
              <div class="">
                <div class="form-group">
                  <div class="col-sm-12 flex">
                    <label for="" class="control-label min-width">输入搜索：</label>
                    <div class="inline-block">
                      <input type="text" class="form-control pull-left" style="width: 350px" v-model="productParams.name" placeholder="商品名称/商品货号">
                      <button class="btn btn-success pull-left m-lr-10" @click="searchP">搜&nbsp;索</button>
                      <button class="btn btn-danger pull-left m-lr-10" @click="resetProdunt">重&nbsp;置</button>
                    </div>
                  </div>
                </div>
                <!--<div class="btn-group">-->
                  <!--<button type="button" class="btn btn-default" :class="{'btn-info':active == 0}" @click="productPublish">商品列表</button>-->
                  <!--<button type="button" class="btn btn-default" :class="{'btn-info':active == 1}" @click="productSKUPublish">组合SKU列表</button>-->
                <!--</div>-->
                <div class="form-group">
                  <div class="col-sm-12">
                    <table id="example4" class="table table-bordered table-hover marginNonde">
                      <div class="overlay" v-if="show">
                        <i class="fa fa-refresh fa-spin"></i>
                      </div>
                      <thead>
                      <tr>
                        <th>
                          <label>
                            <input type="checkbox" class="flat-red">
                          </label>
                        </th>
                        <th>商品信息</th>
                        <th>库存总量</th>
                      </tr>
                      </thead>
                      <tbody>
                      <tr v-for="productListItem in productList">
                        <td>
                          <label @click="handleChoose(productListItem)">
                            <input type="checkbox" class="flat-red" @change="handleChoose(productListItem)" :value="productListItem" v-model="checkProduct">
                          </label>
                        </td>
                        <td class="text-left">
                          <img v-if="productListItem.goodsPic" :src="productListItem.goodsPic" alt="">
                          <img v-else src="@/assets/noPic.png" alt="">
                          <label class="m-l-15">
                            <p>
                              <label>商品编码：</label>
                              <span>{{productListItem.sku}}</span>
                            </p>
                            <p>
                              <label>商品名称：</label>
                              <span>{{productListItem.goodsCn}}</span>
                            </p>
                            <p>
                              <label>品牌名称：</label>
                              <span>{{productListItem.brandName}}</span>
                            </p>
                          </label>
                        </td>
                        <td>{{productListItem.stockQty ? productListItem.stockQty : 0}}</td>
                      </tr>
                      </tbody>
                    </table>
                    <template class="clearfix">
                      <div class="m-t-15 pull-right">
                        <pagination :total="pages.total" :current-page='pages.current' :display="pages.display"
                                    @pagechange="pagechange"></pagination>
                      </div>
                    </template>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            <button v-if="checkProduct.length == 1" type="button" class="btn btn-primary" data-dismiss="modal"
                    @click="submitProduct">保存
            </button>
            <button v-else type="button" class="btn btn-primary" @click="submitProduct">保存</button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>

    <div class="modal fade" id="modal-default3">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">创建不运送地区</h4>
          </div>
          <div class="modal-body">
            <div class="form-horizontal">
              <div class="">
                <div class="form-group">
                  <div class="col-sm-12">
                    <div class="bg-info">
                      <span class="line-height p-lr-10">
                        已选择不运送地区：{{nonTransportArea.chooseNoTran.length != 0 ? nonTransportArea.chooseNoTran.join(',') : '无'}} <label
                        class="text-red curren" @click="clearCheckModal">【清除已选】</label>
                      </span>
                    </div>
                  </div>
                </div>
                <div class="form-group" v-for="(noTranItem,indexPar) in nonTransportArea.noTransArea">
                  <div class="col-sm-12">
                    <div class="bg-info">
                      <p class="text-center box-header with-border">{{noTranItem.region}}</p>
                      <div class="checkbox line-height clearfix">
                        <div style="display: flex;flex-wrap: wrap;" class="clearfix">
                          <div style="width: 33%" class="p-lr-10" v-for="(noTranItemList,indexChild) in noTranItem.children">
                            <div class="m-b-10 p-t-10">
                              <label @change="chooseCountry(noTranItemList,indexPar,indexChild)">
                                <input type="checkbox" :value="noTranItemList.description" v-model="noTranItem.checkModal" class="flat-red" name="bufen"><span class="maxw">{{noTranItemList.description}}</span>
                              </label>
                              <span class="curren pull-right" v-if="noTranItem.region == 'Worldwide'" @click="showCountry(noTranItemList,indexPar,indexChild)">
                                <i class="fa" :class="[{'fa-minus':noTranItemList.active},{'fa-plus':!noTranItemList.active}]"></i>
                                显示所有国家
                              </span>
                              <div v-if="noTranItem.region == 'Worldwide' && noTranItemList.active " class="m-b-15">
                                <label v-for="noTranItemListItem in noTranItemList.childrenCountry">
                                  <input type="checkbox" class="flat-red" name="bufen" :value="noTranItemListItem.description" v-model="noTranItemList.checkModalCountry" @change="countryItem(noTranItemList, noTranItemListItem, indexPar,indexChild)">{{noTranItemListItem.description}}
                                </label>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary" data-dismiss="modal" @click="saveChooseModal">保存</button>
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>

    <div class="modal fade" id="modal-default2">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">选择店铺和类目</h4>
          </div>
          <div class="">
            <div class="form-horizontal">
              <div class="box-body">
                <div class="form-group">
                  <div class="col-sm-6 flex">
                    <label for="" class="control-label min-width bg-gray"><sup class="text-red">*</sup>店铺：</label>
                    <div class="inline-block">
                      <label for="" class="control-label">{{generalInfo.shopName}}</label>
                    </div>
                  </div>
                  <div class="col-sm-6 flex" v-if="productAtt.storckOrCator == 0">
                    <label for="" class="control-label min-width bg-gray">查找类目：</label>
                    <div class="inline-block">
                      <input type="text" class="form-control pull-left" style="width: 289px" placeholder="请输入英文产品关键词"
                             v-model="findCategory">
                      <button class="btn btn-flat btn-primary pull-left" @click="findCategoryFm">查找</button>
                    </div>
                  </div>
                </div>
                <div v-if="findCategoryList.length == 0" class="form-group">
                  <template>
                    <!--<div class="col-sm-3 category-name-group">-->
                    <!--<div class="input-group">-->
                    <!--<span class="input-group-addon"><i class="fa fa-search"></i>筛选</span>-->
                    <!--<input type="text" class="form-control" placeholder="输入名称">-->
                    <!--</div>-->
                    <!--<ul>-->
                    <!--<li v-for="category in categoryList"><a class="sub" @click="searchListByParentId(category)">{{category.categoryName}}</a></li>-->
                    <!--</ul>-->
                    <!--</div>-->
                    <ul>
                      <li v-for="(categoryLevelListItem,indexLn) in categoryLevelList" class="none-one">
                        <div class="col-sm-3 category-name-group m-b-20">
                          <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-search"></i>筛选</span>
                            <input type="text" class="form-control" placeholder="输入名称"
                                   v-model="categoryLevelListItem.search" @keyup="filterCator(categoryLevelListItem,categoryLevelListItem.search,indexLn)">
                          </div>
                          <ul>
                            <li v-for="(categoryListItem,index) in categoryLevelListItem.category"><a
                              :class="[{'sub' : categoryListItem.leafCategory == 0},{'active': index == categoryLevelListItem.activeIndex}]"
                              @click="searchListByParentId(categoryLevelListItem,categoryListItem,indexLn,index)">{{categoryListItem.categoryName}}</a>
                            </li>
                          </ul>
                        </div>
                      </li>
                    </ul>
                  </template>
                </div>
              </div>
              <div v-if="findCategoryList.length != 0" class="bg-gray p-lr-10">
                <div class="header clearfix p-tb-8">
                  <div class="pull-left">
                    查询到 <span class="text-red">{{findCategoryList.length}}</span> 个类目
                  </div>
                  <div class="pull-right">
                    <span class="btn btn-flat btn-primary" @click="backCategory">返回类目</span>
                  </div>
                </div>
                <div class="body-content">
                  <ul>
                    <li v-if="findCategoryList.length == 0">
                      无相关类目
                    </li>
                    <li v-else v-for="findCategoryListItem in findCategoryList">
                      <span class="loadtext curren"
                            @click="chooseFindCategory(findCategoryListItem.path,findCategoryListItem.categoryId)">{{findCategoryListItem.path}}</span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <div class="col-sm-10 bg-orange">
              <div class="box-body text-left">
                <strong>已选择的类目:</strong>
                <span class="">{{selectedCategory}}</span>
              </div>
            </div>
            <div class="col-sm-2">
              <div class="pull-right">
                <button type="button" class="btn btn-primary" data-dismiss="modal"
                        @click="submitCategory" v-if="submintShow">保存
                </button>
                <button type="button" class="btn btn-primary" @click="submitCategory" v-else>保存</button>
                <!--<button v-else type="button" class="btn btn-primary" @click="submitCategory">保存</button>-->
              </div>
            </div>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>

    <div class="modal fade" id="modal-default4">
      <div class="modal-dialog" style="width: 550px!important">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">{{attrTitle}}</h4>
          </div>
          <div class="modal-body">
            <div class="form-horizontal">
              <div class="box-body">
                <div class="form-group">
                  <div class="flex">
                    <div class="inline-block">
                      <input type="text" class="form-control" name="name" v-model="attrInput" placeholder="">
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary m-r-10" data-dismiss="modal" v-if="modal" @click="saveAttr">
              确定
            </button>
            <button type="button" class="btn btn-primary m-r-10" data-dismiss="modal" @click="saveAttr">确定</button>
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>

    <div class=""></div>

    <transition name="fade">
      <div v-if="errorShow" class="gritter-notice-wrapper " :class="{'success-notice-wrapper':errorClass}">
        <div id="gritter-item-4" class="gritter-item-wrapper gritter-error" style="" role="alert">
          <div class="gritter-item"><a class="gritter-close" tabindex="1" @click="closeError"><i
            class="fa fa-close"></i></a>
            <div class="gritter-without-image"><span class="gritter-title">{{errorTitle}}</span>
              <p>{{errorMsg}}</p></div>
          </div>
        </div>
      </div>
    </transition>
    <div class="loading" v-if="dialogFormVisible">
      <span>
        <img src="@/assets/loading.gif" alt="">
      <p>
        保存中...
      </p>
      </span>
    </div>
  </section>
</template>

<script>
  import AddDraft from '@/js/publish/EBayPublished/AddDraft'

  export default AddDraft
</script>

<style scoped>
.loading{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.3);
  z-index: 99999;
}
  .loading span{
    position: fixed;
    display: block;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 100000;
    font-size: 55px;
    color: #333;
    text-align: center;
  }
.loading span p{
  font-size: 24px;
  color: #333;
}

</style>
